@tailwind base;
@tailwind components;
@tailwind utilities;

@import 'components/Layout.css';
@import 'components/Loading.css';
@import 'components/ActionBar.css';
@import 'components/SettingItem.css';
@import 'components/Perform.css';
@import 'components/MapItem.css';
@import 'styles/test.css';
@import 'styles/map.css';

body {
    width: 100vw;
    min-height: 100vh;
  }
  
  *:focus {
    outline: 'none'
  }

div#app_body {
    /* position: fixed; */
    /* padding-top: 70px; */
    /* left: 0px; */
    width: 70vw;
    height: 100vh;
    /* bottom: 0px; */
    overflow-y: auto;
}

div#app_body_container{
    padding-top: 70px;
    /* position: relative; */
}

div#videoHolder {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 50;
}

div#videoHolder video {
  width: 100%;
  height: 100%;
  max-height: 100%;
  z-index: 98;
}

div#videoHolder.size_stretch video {
  object-fit: fill;
}

div#videoHolder.size_zoom video {
  object-fit: cover;
}